<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>前端调用实现</title>
</head>
<body>

<script>

    var options = {
        url: prefix + "/list",
        columns: [{
            fieId: 'id',
            title: '主键'
        }, {
            fieId: 'name',
            title: '名称'
        }]
    };

    $.table.init(options);

</script>

<script>
    var options = {
        url: prefix + "/list",
        queryParams: queryParams,
        columns: [{
            fieId: 'id',
            title: '主键'
        },{
            fieId: 'name',
            title: '名称'
        }]
    };

    $.table.init(options);

    function queryParams(params){
        var seach = $.table.queryParams();
        seach.username = $("#userName").val();
        return seach;
    }
</script>


</body>
</html>